<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <title>bootcss3</title>
</head>
<body>
<div class="container">
    <ul class="nav nav-pills nav-justified">
        <li class="active"><a href="#">network</a></li>
        <li><a href="#">linux</a></li>
        <li><a href="#">python</a></li>
        <li><a href="#">html</a></li>
        <li><a href="#">css</a></li>
    </ul>
    <hr>
    <div class="row">
        <div class="col-md-3">
            <ul class="nav nav-pills nav-stacked">
                <li class="active"><a href="#">network</a></li>
                <li><a href="#">linux</a></li>
                <li><a href="#">python</a></li>
                <li><a href="#">html</a></li>
                <li><a href="#">css</a></li>
            </ul>
        </div>
        <div class="col-md-9">9</div>
    </div>
    <ul class="nav nav-tabs">
        <li class="active"><a href="#">network</a></li>
        <li><a href="#">linux</a></li>
        <li><a href="#">python</a></li>
        <li><a href="#">html</a></li>
        <li><a href="#">css</a></li>
    </ul>
    <hr>
    <div class="row">
        <div class="col-md-3">
            <ul class="nav">
                <li class="active"><a href="#">network</a></li>
                <li><a href="#">linux</a></li>
                <li><a href="#">python</a></li>
                <li><a href="#">html</a></li>
                <li><a href="#">css</a></li>
            </ul>
        </div>
        <div class="col-md-9">9</div>
    </div>
</div>



<hr>
<div class="input-group">
    <input type="text" class="form-control">
    <span class="input-group-addon">@163.com</span>
</div>
<hr>
<div class="btn-toolbar">
    <div class="btn-group">
        <button type="button" class="btn btn-default">左</button>
        <button type="button" class="btn btn-default">中</button>
        <button type="button" class="btn btn-default">右</button>
    </div>
</div>
<div class="btn-toolbar">
    <div class="btn-group">
        <button type="button" class="btn btn-default">1</button>
        <button type="button" class="btn btn-default">2</button>
        <button type="button" class="btn btn-default">3</button>
    </div>
</div>
<hr>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<div class="dropdown">
    <!--data-toggle需要js-->
    <button class="btn btn-default" data-toggle="dropdown">
        下拉菜单
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#">linux</a></li>
        <li><a href="#">network</a></li>
        <li class="divider"></li>
        <li><a href="#">python</a></li>
        <li><a href="#">css+div</a></li>
    </ul>
</div>

<script src="static/js/jquery.min.js"></script>  <!--jquery必须在上-->
<script src="static/js/bootstrap.min.js"></script>
</body>
</html>